<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>jade-map</title>
    <!--<script th:src='@{/js/mapbox/mapbox-gl.js}'></script>-->
    <link th:href='@{/js/mapbox/mapbox-gl.css}' rel='stylesheet' />
	<style>
		body {
			margin: 0;
		}
		#info {
			position: absolute;
			left: 0;
			top: 0;
			color: #fff;
		}
	</style>
</head>
<body>
<div id='map' style=' height:100vh;'></div>
<div id='info' style='height:100px;'></div>
<!--<script>-->
     <!--var ctx = "[[@{/}]]";-->
     <!--if(ctx == '/') ctx = "";-->
     <!--mapboxgl.accessToken = 'pk.eyJ1IjoibGlueGluZ3llIiwiYSI6ImNqd2hma3RjeTFyYm00MHMydW53OHl2d20ifQ.gDIED5uf8hFgqcEPHQNhiQ';-->
     <!--mapboxgl.setRTLTextPlugin(ctx+'/js/mapbox/mapbox-gl-rtl-text.js');-->
	 <!--var map = new mapboxgl.Map({-->
		<!--container: 'map', // container id-->
		<!--center: [115.816,29.109], // starting position-->
		<!--zoom:12, // starting zoom-->
		<!--minZoom:12,-->
		<!--maxZoom:19,-->
		<!--style: {-->
			<!--"version": 8,-->
			<!--"sources": {-->
				<!--"tiles": {-->
					<!--"type": "raster",-->
					<!--'tiles': [-->
					  <!--ctx+"/gl-map/{z}/{x}/{y}.jpg"-->
				  <!--],-->
					<!--"tileSize": 256-->
				<!--}-->
			<!--},-->
			<!--"layers": [{-->
				<!--"id": "simple-tiles",-->
				<!--"type": "raster",-->
				<!--"source": "tiles",-->
				<!--'paint': {}-->
			<!--},-->
		<!--]-->
		<!--}-->
	<!---->
	<!--});-->
	<!--map.addControl(new mapboxgl.NavigationControl());-->
    <!--map.on('mousemove', function (e) {-->
		<!--document.getElementById('info').innerHTML =-->
			<!--// e.point is the x, y coordinates of the mousemove event relative-->
			<!--// to the top-left corner of the map-->
			<!--JSON.stringify(e.point) + '||' +-->
				<!--// e.lngLat is the longitude, latitude geographical position of the event-->
			<!--JSON.stringify(e.lngLat);-->
	<!--});-->
    <!--</script>-->
</body>
</html>
